@layout('layouts.clearly')

@section('head-zone')
<script type="text/javascript">
    $(function () {
        // active overlay
        $('.page-overlay').fadeIn(500);
    });
</script>
@endsection

@section('content')
<div id="confirm" class="message-box clear-fix center {{ $type }}">
    <div class="header">

        <h2>{{ $title }}</h2>
    </div>
    <div class="content-outer">
        <div class="content">
            {{ $content }}
            <p class="describe">{{ $describe }}</p>
        </div>
    </div>
    <div class="footer clear-fix">
        <div class="footer-inner">
            @if ($confirm)
                Confirm box
            @elseif ($redirect)
            <a href="{{ asset($redirect_url)}}" id="redirect">
                {{ $redirect_msg }} sau <span id="timer">{{ $redirect_timeout }}</span> giây
                <small>
                    <i class="icon-arrow-down"></i>
                    Click vào đây nếu không tự chuyển
                </small>
            </a>
            @else
            <a href="{{ asset('/') }}">
                <small>
                    <i class="icon-arrow-down"></i>
                    Đến trang chủ
                </small>
                Quay về trang chủ
            </a>
            @endif
        </div>
    </div>
</div>
@endsection